<template>
    <!-- 下载按钮 -->
    <button class="download">
        <!-- 下载链接 -->
        <a class="link" :href="props.url">
            {{ props.content }} Archives
        </a>
    </button>
</template>

<script lang="ts" setup>
interface Props{
    content:string,
    url:string
}
// 从属性接收按钮文本内容和下载网址
const props=defineProps<Props>();
</script>

<style lang="scss" scoped>
/* 下载按钮样式 */
.download{
    font-size:10vh;
    font-weight: bold;
    border:0;
    border-radius: 2vw;
    margin-bottom: 2vh;
}
/* 下载链接样式 */
.link{
    text-decoration: none;
    color:black;
    &:hover{
        color:blue;
    }
}
</style>
